<template>
  <div class="about">
    <h3 @click="backHome">back home</h3>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
    <h1>about</h1>
  </div>
</template>

<script>
export default {
  name: 'About',
  created() {
    console.log(this.$route)
  },
  methods: {
    backHome() {
      console.log(123)
      // this.$router.push('/')
      // /?username=john&from=about
      // ?username=john&from=about
      /*this.$router.push({
        path: '/',
        query: {
          username: 'john',
          from: 'about'
        }
      })*/
    }
  }
}
</script>

